<template>
  <view :style="{ paddingTop: configStore.paddingTop + 10 + 'px' }">
    <hearbar>
      <view class="flex flex-center" style="width: 100%">
        <!-- <up-tabs :list="list_tabs" @click="tabsClick" :current="currentIndex"></up-tabs> -->
        <view>搭子广场</view>
      </view>
    </hearbar>
    <view class="body p-a">
      <view class="flex align-center">
        <up-image
          :src="useInfo.img_url"
          width="50px"
          height="50px"
          radius="25px"
        ></up-image>
        <view>{{ useInfo.nick_name }}</view>
      </view>
      <view>
        <view style="width: 100px">
          <up-button @click="partnerInfo">
            我的搭子信息
          </up-button>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { onLoad } from "@dcloudio/uni-app";
import { onMounted, ref, watch } from "vue";
import { attention, getUserFriend, getUserInfo } from "../../utils/api";
const currentIndex = ref(0);
const useInfo = ref({});
onLoad(({ type }) => {
  currentIndex.value = Number(type);
});
onMounted(() => {
  getUserInfo().then((res) => {
    if (res.code === 200) {
      useInfo.value = res.data;
    }
  });
});
const partnerInfo = () => {};
</script>

<style lang="less" scoped>
.content {
  color: #000;
}
.item {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding: 0 10px;
}

.body {
  background: white;
}
</style>
